<template>

	<div class="main">
		<van-swipe class="my-swipe" :autoplay="3000">
			<van-swipe-item v-for="(item,index ) in images" :key=index>
				<img :src="item" />
			</van-swipe-item>
		</van-swipe>
		<!-- 第2层  -->
		<van-row gutter="24" class="border_css">
		  <van-col span="6"><van-icon name="service" color="#d51c3c" size="2rem" /><br>咨询客服</van-col>
		  <van-col span="6"><van-icon name="gold-coin" color="#2682e7" size="2rem" /><br>策略交易</van-col>
		  <van-col span="6"><van-icon name="balance-list" color="#04a995" size="2rem" /><br>充值中心</van-col>
		  <van-col span="6"><van-icon name="todo-list" color="#cb57ff" size="2rem" /><br>新手指引</van-col>
		</van-row>
		<!-- 第3层  显示大盘指数 -->
		<daPan class="border_css"></daPan>

		<!-- 显示通知公告 -->
		<newsComp></newsComp>

	</div>
</template>

<script>

	import newsComp from "./../../components/newsCom";
	import daPan from "./../../components/daPanZsCom";
	 

	export default {
		name:"main-index",
		components:{
			newsComp,
			daPan,
		},
		created:function(){
			this.$dialog.alert({
			  title: '提示',
			  message: '入市有风险\n投资需谨慎',
			  confirmButtonText:'我知道了',
			  confirmButtonColor:'#ff0000'
			}).then(() => {
			  // on close
			});
			 
			 

		},
		
		 data() {
		    return {
		    	websock: null,
		      images: [
		        '/main/1.jpg',
		        '/main/2.jpg',
				'/main/3.jpg',
				'/main/4.jpg',
		      ],
			   
		    };
		  },
		 
	};
</script>

<style scoped>

	 .my-swipe img{
	    height: 10rem;
	    width: 100%;
	  }


	 .border_css{
		 text-align: center;
		 margin-top: 1rem;
		 padding-bottom: 1rem;
		 border-bottom: 1px solid #CCCCCC;
	 }

</style>
